const app = getApp()
// 在页面中定义激励视频广告
let videoAd = null
Page({
  data: {
    system: {},
    sign: false,
    prizes: [{
        title: '100个积分',
        background: '#f8d384',
        fonts: [{
          text: '100个积分',
          top: '18%'
        }]
      },
      {
        title: 0,
        background: '#f8d384',
        fonts: [{
          text: '0个积分',
          top: '18%'
        }]
      },
      {
        title: 0.2,
        background: '#f9e3bb',
        fonts: [{
          text: '0.2个积分',
          top: '18%'
        }]
      },
      {
        title: 1,
        background: '#f9e3bb',
        fonts: [{
          text: '1个积分',
          top: '18%'
        }]
      },
      {
        title: 2,
        background: '#f9e3bb',
        fonts: [{
          text: '2个积分',
          top: '18%'
        }]
      },
      {
        title: '50个积分',
        background: '#f8d384',
        fonts: [{
          text: '50个积分',
          top: '18%'
        }]
      },
      {
        title: '10个积分',
        background: '#f9e3bb',
        fonts: [{
          text: '10个积分',
          top: '18%'
        }]
      },
      {
        title: '0.1个积分',
        background: '#f8d384',
        fonts: [{
          text: '0.1个积分',
          top: '18%'
        }]
      },
    ],
    defaultStyle: {
      fontColor: '#f37b1d',
      fontSize: '12px',
    },
    blocks: [{
        padding: '10px',
        background: '#ff6801'
      },
      {
        padding: '4px',
        background: '#fff',
      },
    ],
    buttons: [{
        radius: '32px',
        background: '#fff'
      },
      {
        radius: '30px',
        background: '#e7cf39',
        pointer: true,
      },
      {
        radius: '26px',
        background: '#fcea7c',
        fonts: [{
          text: '开始\n抽奖',
          fontSize: '16px',
          top: -18
        }]
      }
    ],
  },
  onLoad() {
    this.setData({
      system : app.globalData.system
    })
    // 在页面onLoad回调事件中创建激励视频广告实例
    if (wx.createRewardedVideoAd) {
      videoAd = wx.createRewardedVideoAd({
        adUnitId: app.globalData.system.jili_ad
      })
      videoAd.onLoad(() => {
        // console.log('创建激励视频广告实例');
      })
      videoAd.onError((err) => {})
      videoAd.onClose((res) => {
        // if (res.isEnded) 
        if (res.isEnded) {
          // 获取抽奖组件实例
          const child = this.selectComponent('#myLucky')
          // 调用play方法开始旋转
          child.$lucky.play()
          // 用定时器模拟请求接口
          setTimeout(() => {
            // 3s 后得到中奖索引
            const index = parseInt(Math.random() * (5 - 1) + (1))
            // 调用stop方法然后缓慢停止
            child.$lucky.stop(index)
          }, 3000)
        } else {
          wx.showToast({
            icon: 'none',
            title: '没有看完，不可以抽奖',
          })
        }
      })
    }
  },
  start() {
    wx.showModal({
      title: '提示',
      content: '需要看个广告，才可以抽奖哦！',
      cancelColor: 'cancelColor',
      success: res => {
        if (res.confirm) {
          // 跳出视频广告
          // 用户触发广告后，显示激励视频广告
          if (videoAd) {
            videoAd.show().catch(() => {
              // 失败重试
              videoAd.load()
                .then(() => videoAd.show())
                .catch(err => {
                  wx.showToast({
                    icon: 'none',
                    title: '广告显示失败,稍后再试',
                  })
                })
            })
          }
        } else {
          return
        }
      }
    })

  },
  end(event) {
    // 中奖奖品详情
    // console.log(event.detail.title)
    if (event.detail.title) {
      // 调用app全局加积分方法
      app.addIntegral(event.detail.title)
      .then(() => {
        
      });
    }
    wx.showToast({
      icon: 'none',
      title: `获得${event.detail.title}个积分`,
    })
  },

})